<template>
  <div class="joe_main">
    <!--    <div class="box">-->
    <!--      <a-input-search-->
    <!--        v-model="input"-->
    <!--        placeholder="输入Cron表达式"-->
    <!--        @search="showDialog"-->
    <!--        style="margin-bottom: 10px"-->
    <!--      >-->
    <!--        <a-button slot="enterButton" type="primary">-->
    <!--          反查Cron-->
    <!--        </a-button>-->
    <!--      </a-input-search>-->
    <!--    </div>-->
    <vcrontab @hide="showCron" @fill="crontabFill" :expression="expression"></vcrontab>
  </div>
</template>


<script>
import vcrontab from 'vcrontab'

export default {
  name: 'compress',
  components: {
    vcrontab,
  },
  data() {
    return {
      input: "",
      expression: "",
      showCron: true,
    }
  },
  created() {
  },
  methods: {
    crontabFill(value) {
      navigator.clipboard.writeText(value)
        .then(() => {
          this.$message.success('复制成功')
        })
        .catch(() => {
          this.$message.error('复制失败')
        })
      //确定后回传的值
      this.input = value;
    },
    showDialog() {
      this.expression = this.input;//传入的 cron 表达式，可以反解析到 UI 上
    }
  }

}
</script>

<style>


</style>

